// src/APP.vue

<template>
<div id="input-v-model-demo" class="demo">
  <div>多个v-model绑定</div>
  <user-name
    v-model:first-name="firstName"
    v-model:last-name="lastName"
  ></user-name>
  <div>firstName: {{ firstName }}</div>
  <div>lastName: {{ lastName }}</div>
</div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
import UserName from './components/user-name.vue'

export default defineComponent({
  name:"APP",
  components: {
    UserName
  },
  setup(props, context) {
    const firstName = ref('')

    const lastName = ref('')

    return {
      firstName,
      lastName
    }
  }
})
</script>